<div class="index-content">
    <section class="content-header">
        <h4 data-lang="sidebar-registry-center"></h4>
        <ol class="breadcrumb">
            <li class="active"><i class="fa fa-cogs" data-lang="sidebar-global-settings"></i></li>
            <li class="active" data-lang="sidebar-registry-center"></li>
        </ol>
    </section>
    <section class="content">
        <table id="reg-centers" data-pagination="true" data-page-list="[10, 20, 50, 100]" data-search="true" data-show-refresh="true" data-show-toggle="true" data-striped="true">
            <thead>
            <tr>
                <th data-field="name" data-sortable="true"><span data-lang="registry-center-name"></span></th>
                <th data-field="zkAddressList" data-sortable="true"><span data-lang="registry-center-zk-address"></span></th>
                <th data-field="namespace" data-sortable="true"><span data-lang="registry-center-namespace"></span></th>
                <th data-field="operation" data-formatter="generateOperationButtons"><span data-lang="operation"></span></th>
            </tr>
            </thead>
        </table>
        <button type="button" class="btn-xs btn-success" data-toggle="modal" id="add-register" data-lang="operation-add"></button>
    </section>
</div>
<div id="add-reg-center" class="modal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" id="close-add-reg-form" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" data-lang="add-registry-center"></h4>
            </div>
            <form id="reg-center-form">
                <div class="modal-body">
                    <div class="form-group">
                        <label for="name" class="control-label" data-lang="registry-center-name"></label>
                        <input type="text" class="form-control" id="name" name="name" required autofocus>
                    </div>
                    <div class="form-group">
                        <label for="zk-address-list" class="control-label" data-lang="registry-center-zk-address"></label>
                        <input type="text" class="form-control" id="zk-address-list" name="zkAddressList" placeholder="localhost:2181" required>
                    </div>
                    <div class="form-group">
                        <label for="namespace" class="control-label" data-lang="registry-center-namespace"></label>
                        <input type="text" class="form-control" id="namespace" name="namespace">
                    </div>
                    <div class="form-group">
                        <label for="digest" class="control-label" data-lang="registry-center-digest"></label>
                        <input type="password" class="form-control" id="digest" name="digest">
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="add-reg-center-btn" type="submit" class="btn-xs btn-primary" data-lang="operation-submit"></button>
                </div>
            </form>
        </div>
    </div>
</div>
<script src="lib/bootstrap-table/bootstrap-table.js"></script>
<script src="lib/BootstrapValidator/js/bootstrapValidator.js"></script>
<script src="lib/BootstrapValidator/js/bootstrapValidator_zh_CN.js"></script>
<script src="js/util/common.js"></script>
<script src="js/global/registry_center.js"></script>
